<template>
	<view v-if="is==0" class="boss">
		<image src="https://web.78keji.cn/images/hjk/guize.png" mode="widthFix"
			style="width: 44rpx;position: fixed;right: 0;top: 20rpx;" @click="show1=true"></image>
		<image src="https://web.78keji.cn/images/hjk/lingqu.png" mode="widthFix"
			style="width: 44rpx;position: fixed;right: 0;top: 160rpx;" @click="lingqu"></image>
		<image src="https://web.78keji.cn/images/hjk/kefu.png" mode="widthFix"
			style="width: 44rpx;position: fixed;right: 0;top: 300rpx;" @click="call"></image>
		<view class="agreement-confirm-main-box" v-if="shows">
			<view class="agreement-confirm-box">
				<view class="title">用户协议及隐私保护</view>
				<view class="content">
					已阅读并同意
					<text class="tip" @click="show1=true">《活动规则》</text>
					<text class="tip" @click="show=true">《关于用户个人信息收集、使用规则公告》</text>
					享限时停车券+省心黑金卡
				</view>
				<view class="submit-btn" @click="okHandler">同意并办理</view>
				<view class="cancel-btn" @click="shows=false">不同意</view>
			</view>

		</view>
		<view class="agreement-main-box" v-if="show">
			<view class="agreement-box">
				<view class="title">{{title}}</view>
				<view class="content-box">
					<view class="content" v-for="item in content">
						{{item}}
					</view>
				</view>
				<view class="btn" @click="show=false">我知道了</view>
			</view>
		</view>
		<view class="agreement-main-box" v-if="show1">
			<view class="agreement-box">
				<view class="title">{{title1}}</view>
				<view class="content-box">
					<view class="content" v-for="item in content1">
						{{item}}
					</view>
				</view>
				<view class="btn" @click="show1=false">我知道了</view>
			</view>
		</view>

		<image src="https://web.78keji.cn/images/hjk/halftop.png" mode="widthFix" style="width: 100%;"></image>
		<swiper class="mobile-swiper" circular :autoplay="mobileSwiper.autoplay" :vertical="mobileSwiper.vertical"
			:interval="mobileSwiper.interval" :duration="mobileSwiper.duration">
			<swiper-item class="swiper-item" v-for="(item,index) in mobileList" :key="index">
				<text>{{item.mobile}}</text>
				<text>{{item.tip}}</text>
				<text>{{item.time}}</text>
			</swiper-item>

		</swiper>
		<view class="time-download">
			<view class="time-icon-box">
				<image class="icon" mode="widthFix" src="https://web.78keji.cn/images/hjk/ions.png"></image>
			</view>
			<view class="title">
				活动即将结束
			</view>
			<u-count-down :timestamp="timestamp"></u-count-down>
		</view>
		<view class="d_f j_c_c" v-if="phone">
			<image src="https://web.78keji.cn/images/hjk/btn.png" mode="widthFix"
				style="width:654rpx;position: absolute;top: 960rpx;" @click="add" class="ts"></image>


		</view>
		<view class="d_f j_c_c" v-else>
			<image src="https://web.78keji.cn/images/hjk/btn.png" mode="widthFix"
				style="width:654rpx;position: absolute;top: 960rpx;" class="ts"></image>
			<button shape="circle" open-type="getPhoneNumber" @getphonenumber="getphonenumber" type="success"
				style="position: absolute;width:664rpx;margin-top: 6rpx;top: 960rpx;z-index: 999;height: 130rpx;opacity: 0;">立即领取</button>
		</view>
		<view class="" style="position: absolute;top:1150rpx;width: 100%;background-color: #ffdab0;">
			<view class=""
				style="display: flex;width: 100%;calign-items: center;justify-content: center;font-size: 20rpx;">
				<checkbox-group @change="agreementChange">
					<checkbox :checked="value" style="size: 10rpx;zoom:70%;font-size: 30rpx;">
						我已阅读并同意
					</checkbox>
				</checkbox-group>
				<text style="color: #EF2414;line-height: 36rpx;" @click="show=true">《关于用户个人信息收集、使用规则公告》</text>
				<text style="color: #EF2414;line-height: 36rpx;" @click="show1=true">《活动规则》</text>

			</view>
			<view class="d_f j_c_c" style="color: #2A2A2A;font-size: 20rpx;margin-top: 14rpx;">
				业务资费：79元/半年（随时取消）
			</view>
			<view class="d_f j_c_c" style="color: #2A2A2A;font-size: 20rpx;margin-top: 14rpx;">
				业务权益：60元停车券；热门视频会员月卡多选1（免费领取6个月）
			</view>
			<view class="d_f j_c_c" style="color: #2A2A2A;font-size: 20rpx;margin-top: 14rpx;padding-bottom: 6rpx;">
				客服热线：400-8825-010
			</view>
		</view>


	</view>



	<view v-else style="height: 100vh;display: flex;justify-content: center;align-items: center;color: #00000;">
		该功能暂未开通
	</view>
</template>

<script>
	import {
		login,
		order,
		getAliUseridHjk,
		getshenhe,
		getMpUrl,
		newtj,
		alipayadsta,
		getPhone
	} from '../../api/index.js'
	export default {
		data() {
			return {
				shows: false,
				timestamp: 300,
				is: "",
				a: '',
				show: false,
				show1: false,
				title: '关于客户个人信息收集、使用规则公告',

				content1: [
					'1、本产品为省心黑金卡半年卡，每月自动下发至订购手机。用户凭订购手机号码前往公众号【省心24】--（会员中心）领取会员权益。（或下载【省心APP】查看领取）',
					'2、活动期间订购本产品，可额外获得热门VIP会员每月领取资格（每30天可领1款，共6次），实际可领取权益以页面展示为准，限30天内领取，逾期失效。',
					'3、本产品订购成功立即生效，不可退订。有效期6个月。',
					'4、单个号码仅可订购一次，不可重复订购。',
					'5、订购成功后，省心APP会员权益及热门VIP会员权益领取资格将在30分钟内下发，下发后可前往公众号【省心24】--（会员中心）领取会员权益。（或下载【省心APP】查看领取）',
					'停车券说明: 共计60元停车券，办理成功首月下发10元停车券，后续每月可领取10元停车券;',
					'7、停车券活动规则',
					'（1） 办理成功立领10元停车券， 办理后自动下发无需兑换；',
					'（ 2） 本券领取后7天内使用有效；',
					'（ 3） 本券查看路径： P停车公众号一缴费一我的一钱包卡券一优惠券；',
					'（ 4） 每张券仅可使用一次， 过期失效；',
					'	（ 5） 次月开始， 每月进入微信公众号“ 省心24” 一点击底部菜单栏“ 会员权益” 一进入“ 领取停车券” 一选择您“ 停车优惠券” 一点击“ 立即兑换” 即可领取成功， 领取的券码可前往微信公众号“ 速停车” 激活使用；',
					'（ 6） 发放的停车优惠券， 需在指定的停车场使用， 使用步骤说明：① 微信扫描车场二维码， 输入车牌号、② 支付停车费(该券仅支持微信支付时使用)、③ 对应优惠券金额在支付后实时返还至微信零钱。',
					'（ 7） 本次优惠券及券码兑换成功的有效期均为7天， 发放后7天内有效， 过期自动作废。 ',
					'8、其他未尽事宜请联系客服:400-8825010'
				],
				content: [
					"用户协议",
					"尊敬的用户，欢迎使用由成都省心云链科技有限公司（下列简称为“省心云链”）提供的服务。在使用前请您阅读如下服务协议，使用本应用即表示您同意接受本协议，本协议产生法律效力，特别涉及免除或者限制省心云链责任的条款，请仔细阅读。如有任何问题，可向省心云链咨询。",
					"1. 服务条款的确认和接受",
					"通过访问或使用本应用，表示用户同意接受本协议的所有条件和条款。",
					"2. 服务条款的变更和修改",
					"省心云链有权在必要时修改服务条款，服务条款一旦发生变更，将会在重要页面上提示修改内容。如果不同意所改动的内容，用户可以放弃获得的本应用信息服务。如果用户继续享用本应用的信息服务，则视为接受服务条款的变更。本应用保留随时修改或中断服务而不需要通知用户的权利。本应用行使修改或中断服务的权利，不需对用户或第三方负责。",
					"3. 用户行为",
					"3.1 用户账号、密码和安全",
					"您需注册登录账号方可使用我司产品功能。",
					"3.2 账号注册时的禁止行为",
					"（1）请勿以党和国家领导人或其他社会名人的真实姓名、字号、艺名、笔名注册；",
					"（2）冒充任何人或机构，或以虚伪不实的方式谎称或使人误认为与任何人或任何机构有关的名称；",
					"（3）请勿注册和其他网友之名相近、相仿的名字；",
					"（4）请勿注册不文明、不健康名字，或包含歧视、侮辱、猥亵类词语的名字；",
					"（5）请勿注册易产生歧义、引起他人误解的名字；",
					"3.3 用户在本应用上不得发布下列违法信息和照片：",
					"（1）反对宪法所确定的基本原则的；",
					"（2）危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；",
					"（3）损害国家荣誉和利益的；",
					"（4）煽动民族仇恨、民族歧视，破坏民族团结的；",
					"（5）破坏国家宗教政策，宣扬邪教和封建迷信的；",
					"（6）散布谣言，扰乱社会秩序，破坏社会稳定的；",
					"（7）散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；",
					"（8）侮辱或者诽谤他人，侵害他人合法权益的；",
					"（9）含有法律、行政法规禁止的其他内容的；",
					"（10）禁止骚扰、毁谤、威胁、仿冒网站其他用户；",
					"（11）严禁煽动非法集会、结社、游行、示威、聚众扰乱社会秩序；",
					"（12）严禁发布可能会妨害第三方权益的文件或者信息，例如（包括但不限于）：病毒代码、黑客程序、软件破解注册信息。",
					"（13）禁止上传他人作品。其中包括你从互联网上下载、截图或收集的他人的作品；",
					"（14）禁止上传广告、横幅、标志等网络图片；",
					"4. 服务内容",
					"本服务的具体内容由省心云链根据实际情况提供，省心云链可以对其提供的服务予以变更，且省心云链提供的服务内容可能随时变更。",
					"",
					"隐私条款",
					"1.用户信息公开情况说明",
					"尊重用户个人隐私是省心云链的一项基本政策。所以，省心云链不会在未经合法用户授权时公开、编辑或透露其注册资料及保存在本应用中的非公开内容，除非有下列情况：",
					"（1）有关法律规定或省心云链合法服务程序规定；",
					"（2）在紧急情况下，为维护用户及公众的权益；",
					"（3）为维护省心云链的商标权、专利权及其他任何合法权益；",
					"（4）其他需要公开、编辑或透露个人信息的情况；",
					"在以下（包括但不限于）几种情况下，启奔科技有权使用用户的个人信息：",
					"（1）在进行促销或抽奖时，省心云链可能会与赞助商共享用户的个人信息，在这些情况下省心云链会在发送用户信息之前进行提示，并且用户可以通过不参与来终止传送过程；",
					"（2）省心云链可以将用户信息与第三方数据匹配；",
					"（3）省心云链会通过透露合计用户统计数据，向未来的合作伙伴、广告商及其他第三方以及为了其他合法目的而描述省心云链的服务；",
					"2.隐私权政策适用范围",
					"（1）用户在使用本应用服务器时留下的个人身份信息；",
					"（2）用户通过本应用服务器与其他用户或非用户之间传送的各种资讯；",
					"（3）本应用与商业伙伴共享的其他用户或非用户的各种信息；",
					"（4）省心云链软件十分注重保护用户的个人隐私，并制定了《隐私政策》，用户亦可以通过《隐私政策》，用户确认并同意使用省心云链软件提供的服务将被视为接受《隐私政策》。",
					"3.资讯公开与共享",
					"省心云链不会将用户的个人信息和资讯故意透露、出租或出售给任何第三方。但以下情况除外：",
					"（1）用户本人同意与第三方共享信息和资讯;",
					"（2）只有透露用户的个人信息和资讯，才能提供用户所要求的某种产品和服务;",
					"（3）应代表本应用提供产品或服务的主体的要求提供（除非我们另行通知，否则该等主体无权将相关用户个人信息和资讯用于提供产品和服务之外的其他用途）：根据法律法规或行政命令的要求提供;因外部审计需要而提供;用户违反了本应用服务条款或任何其他产品及服务的使用规定;经本站评估，用户的帐户存在风险，需要加以保护。",
					"4.非个人隐私信息",
					"为了改善省心云链软件的技术和服务，向用户提供更好的服务体验，省心云链或可会自行收集使用或向第三方提供用户的非个人隐私信息。",
					"5.如何联系我们",
					"您可以通过以下方式与我们联系，我们将在15天内回复您的请求：",
					"（1）如对本政策内容、个人信息有任何疑问、意见或建议，您可通过省心云链客服邮箱：【912716425@qq.com】与我们联系。",
					"（2）如发现个人信息可能被泄露，您可以联系我们的客服人员进行投诉举报；",
					"如果您对我们的回复不满意，特别是您认为我们的个人信息处理行为损害了您的合法权益，您还可以通过向被告住所地有管辖权的法院提起诉讼来寻求解决方案。",
				],
				value: false,
				flag: false,
				phone: "",
				type: "",
				openidHF: "",
				openid: '',
				param: {},
				mobileSwiper: {
					autoplay: true,
					interval: 3000,
					duration: 1000,
					vertical: true,
				},
				mobileList: [{
					mobile: '138****4845',
					tip: '成功领取',
					time: '一分钟前'
				}, {
					mobile: '181****6012',
					tip: '成功领取',
					time: '三分钟前'
				}, {
					mobile: '138****5023',
					tip: '成功领取',
					time: '五分钟前'
				}],
				timeData: {
					lastTime: 0,
					hour: 23,
					minute: 59,
					second: 59,
				}
			}
		},
		components: {

		},

		methods: {
			lingqu() {
				let url = 'https://ng.78keji.cn/pzb/lingqu/#/pages/coupon/coupon?mobile=' + uni.getStorageSync('mobile') +
					'&openid=' +
					uni.getStorageSync('openid') + '&token=' + uni.getStorageSync('token')
				console.log(url)
				uni.setStorageSync('url', url)
				uni.navigateTo({
					url: '/pages/shiping/shiping'
				})
			},
			call() {
				uni.makePhoneCall({
					phoneNumber: '400-8825010',
					success: function() {
						console.log('拨打电话成功');
					},
					fail: function() {
						console.log('拨打电话失败');
					}
				});
			},
			getphonenumber(e) {

				if (e.detail.errMsg === "getPhoneNumber:ok") {
					//这里受机型与模拟器影响，errmsg信息各不相同，只能判断用户是否点击了允许按钮来判断，

					getPhone({
						openid: uni.getStorageSync('openidHF'),
						code: e.detail.code
					}).then((res) => {
						console.log(res)
						uni.setStorageSync('openid', res.data.openid)
						uni.setStorageSync('mobile', res.data.mobile)
						uni.setStorageSync('token', res.data.token)
						this.openid = uni.getStorageSync('openid')
						this.phone = uni.getStorageSync('mobile')

						this.add()

					})
					// code...
				} else {
					//如果没有走以上，均为点击了拒绝授权
					console.log('用户拒绝授权')
					// 通常会在这里弹出模态框，引导用户点击允许授权
				}

				//调用自己后台接口获取手机号
			},
			agreementChange() {
				console.log(this.value)
				this.value = !this.value
			},
			inputs() {
				console.log(this.phone)
			},
			top() { //回到顶部
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 300
				});
			},
			onPageScroll(e) { //根据距离顶部距离是否显示回到顶部按钮
				console.log(e)
				if (e.scrollTop > 600) {
					this.flag = true
				} else {
					this.flag = false
				}

			},
			getUrlCode(name) {
				return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) ||
					[, ''
					])[1]
					.replace(/\+/g, '%20')) || null
			},

			okHandler() {
				this.value = !this.value
				uni.showLoading({
					title: '请稍等',
					mask: true
				});
				order({
					mobile: this.phone,
					quit_url: "pp_hy",
					type: 3,
					ordertype: 61,
					param: JSON.stringify(this.param),
					openid: uni.getStorageSync('openidHF'),
					a: this.a,
					buyType: 2,
					pType: 1,
					proCode: 'ZY1502',
				}).then((ress) => {
					uni.hideLoading()
					wx.requestPayment({
						timeStamp: ress.data.timeStamp,
						nonceStr: ress.data.nonceStr,
						package: ress.data.package,
						signType: ress.data.signType,
						paySign: ress.data.paySign,
						success(res) {},
						fail(res) {}
					})
				})
			},
			add() {
				console.log(this.phone)
				console.log(this.value)
				if (!/^1[3456789]\d{9}$/.test(this.phone)) {
					// 手机号格式不正确，提示用户
					wx.showToast({
						title: '请输入正确的手机号',
						icon: 'none'
					});
				} else if (this.value == false) {
					this.shows = true
				} else {
					uni.showLoading({
						title: '请稍等',
						mask: true
					});
					order({
						mobile: this.phone,
						quit_url: "pp_hy",
						type: 3,
						ordertype: 61,
						param: JSON.stringify(this.param),
						openid: uni.getStorageSync('openidHF'),
						a: this.a,
						buyType: 2,
						pType: 1,
						proCode: 'ZY1502',
					}).then((ress) => {
						uni.hideLoading()
						wx.requestPayment({
							timeStamp: ress.data.timeStamp,
							nonceStr: ress.data.nonceStr,
							package: ress.data.package,
							signType: ress.data.signType,
							paySign: ress.data.paySign,
							success(res) {},
							fail(res) {}
						})
					})
				}
				// order(){

				// }
			},
			call() {
				uni.makePhoneCall({
					phoneNumber: '400-8825010',
					success: function() {
						console.log('拨打电话成功');
					},
					fail: function() {
						console.log('拨打电话失败');
					}
				});
			}


		},
		onLoad(option) {
			console.log(option)
			getshenhe({
				pid: 2,
				ver: 48
			}).then((res) => {
				console.log(res)
				this.is = res.data.is
			})
			if (option.a) {

				this.a = option.a
			}
			if (option.identity) {
				this.param.identity = option.identity
			}
			if (option.push_id) {
				this.param.push_id = option.push_id
			}
			if (option.app_id) {
				this.param.app_id = option.app_id
			}
			if (option.nickname) {
				this.param.nickname = option.nickname
			}
			if (option.openid) {
				this.param.openid = option.openid
			}
			if (uni.getStorageSync('mobile')) {
				this.phone = uni.getStorageSync('mobile')
			}

			if (!uni.getStorageSync('openidHF')) {
				wx.login({
					success(res) {
						if (res.code) {
							getAliUseridHjk({
								code: res.code,
								type: 3
							}).then((resx) => {
								console.log(resx)
								uni.setStorageSync('openidHF', resx.data.user_id)


							})
						} else {
							console.log('登录失败！' + res.errMsg)
						}
					}
				})
			}
			newtj({
				a: this.a,
				proCode: 'ZY1502',
			}).then((res) => {

			})
			alipayadsta({
				a: this.a
			}).then((res) => {
				console.log(res)
			})



		},
		watch: {

		},
		computed: {

		}
	}
</script>

<style scoped lang='scss'>
	@keyframes butChange {
		0% {
			transform: scale(1);
		}

		50% {
			transform: scale(1.1);
		}

		100% {
			transform: scale(1);
		}
	}

	.top {
		position: relative;
		display: none;
		/* 先将元素隐藏 */
	}

	.topc {
		position: fixed;
		right: 10%;

		bottom: 20rpx;

		width: 80%;
		height: 110rpx;
		z-index: 99999999;
		animation: butChange 1s infinite;
	}

	.ts {
		animation: butChange 1s infinite;
	}

	.agreement-main-box {

		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		background: url("https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flogin-shadow-bg.png") repeat;
		z-index: 9999;

		.agreement-box {
			border-radius: 20rpx;
			background-color: #faf7f2;
			padding: 30rpx;
			width: 85%;
			box-sizing: border-box;

			.title {
				text-align: center;
				color: #f94439;
				font-size: 28rpx;
				padding-bottom: 20rpx;
			}

			.content-box {
				max-height: 50vh;
				overflow: auto;

				.content {
					font-size: 25rpx;
					color: #515151;
					margin-top: 30rpx;
					line-height: 45rpx;
				}

			}

			.btn {
				width: 300rpx;
				font-size: 25rpx;
				letter-spacing: 2rpx;
				color: #fff;
				text-align: center;
				background-color: #f94338;
				border-radius: 120rpx;
				padding: 13rpx 0;
				font-size: 32rpx;
				margin: 10rpx auto 0;
			}
		}
	}

	.time-download {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 20rpx auto 42rpx;

		.icon {
			width: 39rpx;
			height: auto;
			display: block;
		}

		.title {
			font-family: Source Han Sans CN;
			font-weight: 400;
			font-size: 26rpx;
			color: #FC3A45;
			margin: 0 17rpx;

			// >view {
			// 	border-bottom: solid 0.8rem #ffed8b;
			// 	display: inline-block;
			// 	height: 2.1rem;
			// }
		}

		.time-box {

			display: flex;
			align-items: center;

			.box {
				width: 46rpx;
				height: 46rpx;
				line-height: 46rpx;
				background: linear-gradient(0deg, #FAE4A8, #FBF5DD);
				border-radius: 5rpx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				font-size: 24rpx;
				color: #FA514A;
				text-align: center;
			}

			.split {
				height: 46rpx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				font-size: 36rpx;
				color: #FFFFFF;
				margin: 0 7rpx;
				display: flex;
				align-items: center;
			}

		}
	}

	.mobile-swiper {
		width: 94%;
		margin: 0 auto 24rpx;
		height: 50rpx;
		background: #FFF0D2;
		border-radius: 28rpx;
		padding: 0 34rpx;
		box-sizing: border-box;

		.swiper-item {
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-family: Source Han Sans CN;
			font-weight: 400;
			font-size: 24rpx;
			color: #FC4E50;

		}
	}

	.boss {
		position: relative;
		background-color: #ffdab0;
		min-height: 100%;
	}

	.agreement-confirm-main-box {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		background: url("https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flogin-shadow-bg.png") repeat;
		z-index: 2;

		.agreement-confirm-box {
			border-radius: 20rpx;
			background-color: #faf7f2;
			padding: 30rpx;
			width: 75%;
			box-sizing: border-box;
			padding: 63rpx 58rpx 38rpx;

			.title {
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #000000;
				text-align: center;
			}

			.content {
				font-size: 26rpx;
				font-family: Source Han Sans CN;
				color: #000000;
				text-align: justify;
				margin-top: 61rpx;
				line-height: 45rpx;

				.tip {
					color: #DB202D;
				}

			}

			.submit-btn {
				height: 110rpx;
				line-height: 110rpx;
				background: #51C78B;
				border-radius: 55rpx;
				margin-top: 52rpx;
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #FFFFFF;
				text-align: center;
			}

			.cancel-btn {
				text-align: center;
				margin-top: 36rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #999999;
			}
		}
	}
</style>